<template>
  <div class="container flex-xyc">
    <div class="content-box flex">
      <left-comp></left-comp>
      <center-comp :query="route.query"></center-comp>
      <right-comp></right-comp>
    </div>
  </div>
</template>

<script setup lang="ts">
import LeftComp from './components/LeftComp.vue'
import CenterComp from './components/CenterComp.vue'
import RightComp from './components/RightComp.vue'
import { useRoute } from 'vue-router'

const route = useRoute()
</script>

<style scoped lang="scss">
.container {
  padding-bottom: 50px;
  overflow: hidden;
  background-color: #f7f8fa;

  .content-box {
    margin-top: 16px;
  }
}
</style>
